<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        //箭头函数的语法：
        //([形参])=>{
        //    //函数体
       // }

       //箭头函数特点一：箭头函数不同于一般函数
       //1)、箭头函数只能先定义后调用，而一般函数可以先调用后定义
       //2)、箭头函数没有arguments，而一般函数有arguments，因为箭头函数没有自己的this
       //3)、箭头函数不能当作构造函数，而一般函数可以当作构造函数

       fn();

       function fn(){
        console.log(arguments,'fn()函数');
       }

     let fnObj =   new fn();


       //注意：箭头函数只能先定义后调用
      // demo();  //demo is not defined

    //    let demo = function(){
    //        console.log('demo()函数。。。');
    //    }
    let demo = ()=>{
        //注意： 箭头函数没有arguments
       // console.log(arguments);   //arguments is not defined
           console.log('demo()函数。。。');
       }    

    demo();
 
    //注意： 箭头函数不能当作构造函数
   // new demo();  //demo is not a constructor

    </script>
</head>
<body>
    
</body>
</html>